/*
Thank You Page CSS Configuration.
 */
#thankyou{
	width: 100%;
	margin: 0;
	padding-top:91px;
	background-color: $white;
	color:$black;
	@media(width:$mobile){
		padding-top:160px
	}
	@media(width:$mobile-max){
		padding-top:140px
	}
	@media(width:640){
		padding:115px;
	}
	.container{
		max-width:1037px;
	}
	h1{
		font-size: 30px;
	}
	p{
		font-family: $verdana;
		font-size: 12px;
		color:$black;
	}
		.nav-tabs{
	        border-bottom: none;
	        margin-top: 20px;
	        margin-bottom: 60px;
	     li{
	     	padding-left: 14px;
	     	@media (min-width: $mobile) and (max-width: $mobile-max){
				/* Media Query Between Screen 320px and 480px  */
				float:none;
				padding:0;		
			}
	     	 &:first-child{
              padding-left:0px; 
             }

	     }
			a{
				@include button($black,$white,$yellow,$black);
				padding:13px 40px;
				text-transform: uppercase;
				font-family: $verdana;
				font-weight: bold;
				font-size: 10px;
				@media (min-width: $tablet) and (max-width: $tablet-max){
				/* Media Query Between Screen 768px and 980px  */
					padding:13px 33px;		
				}
				@media(width:768px){
					padding:10px 15px;
				}
				@media (min-width: $mobile) and (max-width: $mobile-max){
				/* Media Query Between Screen 320px and 480px  */
					text-align: center;
					
				}
			}
	}
}